<script lang="ts" setup>
import { ref, onMounted } from 'vue';

const count = ref(0);
const mocksList = ref([
  {
    name: 'African Elephant',
    species: 'Loxodonta africana',
    diet: 'Herbivore',
    habitat: 'Savanna, Forests',
  },
]);

onMounted(() => {
  count.value = Math.random();
})
</script>

<template>
  <h1>{{ count }}</h1>
  <v-data-table :items="mocksList"></v-data-table>
</template>

<style scoped>
</style>
